<template>
  <div class="p-2">
    <Card>
      <a-tabs defaultActiveKey="ding" class="bold-tab" :tabBarStyle="tabBarStyle">
        <a-tab-pane tab="钉钉" key="ding" forceRender style="position: relative">
          <tab1 />
        </a-tab-pane>
        <a-tab-pane tab="微信" key="wechat">
          <tab2 />
        </a-tab-pane>
      </a-tabs>
    </Card>
  </div>
</template>

<script lang="ts" setup>
import { ref } from 'vue';
import { Card, Row, Col, Spin } from 'ant-design-vue';
import tab1 from './tab/tab1.vue';
import tab2 from './tab/tab2.vue';
const tabBarStyle = {
  paddingLeft: '20px',
  fontWeight: 'bold',
}
</script>
